<template>
  <div class="page-index">
    <el-row>
      <el-col :span="5">
        <Mmenu />
      </el-col>
      <el-col :span="19">
        <Mlife />
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <Mcontainer />
      </el-col>
    </el-row>
    <!----------------------------- 猫眼电影 ----------------------------------->
    <el-row>
      <el-col :span="24">
        <Mmovie />
      </el-col>
    </el-row>
    <!----------------- --------------------------------猜你喜欢--------------------- -->
    <el-row>
      <el-col :span="24">
        <Youlike />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import Mmenu from "@/components/index/menu.vue";
import Mlife from "@/components/index/life.vue";
import Mcontainer from "@/components/index/container.vue";
import Mmovie from "@/components/index/movie.vue";
import Youlike from '@/components/index/youlike.vue'
export default {
  components: {
    Mmenu,
    Mlife,
    Mcontainer,
    Mmovie,
    Youlike
  }
};
</script>
